import React, { forwardRef } from "react"
/**
 * 排版
 * @param {object} props
 * @param {React.RefObject} [props.ref]
 * @param {string|string[]} [props.className] 节点类名
 * @param {React.CSSProperties} [props.style] 节点样式
 * @returns {React.ReactNode}
 */
const Typography = forwardRef((props, ref) => {
    const { className = "", style, children } = props
    const render = () => {
        return (
            <article ref={ref} className={`next-typography ${className}`} style={style}>
                {children}
            </article>
        )
    }
    return render()
})
Typography.displayName = "Typography"
export default Typography